<div class="bookmarks_small_map">
  <h2>Map</h2>
  <div id="map_canvas"></div>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&key={{MAP_API_KEY}}"></script>
  <script type="text/javascript">
    var map = new google.maps.Map(document.getElementById("map_canvas"), {
        zoom: 14,
        center: new google.maps.LatLng({{ landmarktags.all.0.landmark.location }}),
        mapTypeId: google.maps.MapTypeId.ROADMAP,
    });
    var markers = []
    {% for landmarktag in landmarktags.all %}
        markers += new google.maps.Marker({
            position: new google.maps.LatLng({{ landmarktag.landmark.location }}),
            map: map,
            title: "{{ landmarktag.landmark.name }}",
        });
    {% endfor %}
  </script>
</div>
